<nav class="global-nav show-for-smedium">

  <div class="global-nav-title">
    <a class="zurb-logo" href="https://get.foundation/index.html"><strong>Foundation Framework</strong></a>
  </div>

  <ul class="dropdown menu right-side" data-dropdown-menu data-click-open="true">

    <li class="menu-item">
      <a href="javascript:void(0)">Showcase</a>
      <ul class="menu">
        <li><a href="https://get.foundation/showcase/brands.html">Brands</a></li>
        <li><a href="https://get.foundation/showcase/case-studies.html">Case Studies</a></li>
        <li><a href="https://get.foundation/showcase/blog.html">Blog</a></li>
        <li><a href="https://get.foundation/showcase/buzz.html">Buzz</a></li>
        <li><a href="https://get.foundation/showcase/about.html">About Foundation</a></li>
      </ul>
    </li>

    <li class="menu-item">
      <a href="https://get.foundation/develop/getting-started.html">Develop</a>
      <ul class="menu">
        <li class="title">Frameworks</li>
        <li><a href="https://get.foundation/sites.html">Foundation for Sites</a></li>
        <li><a href="https://get.foundation/emails.html">Foundation for Email</a></li>
        <li class="divider"></li>
        <li class="title">Develop</li>
        <li><a href="https://get.foundation/templates.html">HTML Templates</a></li>
        <li><a href="https://get.foundation/sites/resources.html">Resources</a></li>
        <li><a href="https://get.foundation/develop/building-blocks.html">Building Blocks</a></li>
      </ul>
    </li>

    <li class="menu-item">
      <a href="https://get.foundation/learn/tutorials.html">Tutorials</a>
      <ul class="menu vertical">
        <li><a href="https://get.foundation/learn/tutorials.html">Tutorials</a></li>
        <!-- <li><a href="https://zurb.com/university/lessons">Lessons</a></li>
        <li><a href="https://zurb.com/university/courses">Courses</a></li>
        <li><a href="https://zurb.com/university/training">Custom Training</a></li> -->
        <li><a href="https://get.foundation/learn/certification.html">Certification</a></li>

      </ul>
    </li>

    <li class="menu-item">
      <a href="https://get.foundation/get-involved/support.html">Get Involved</a>
      <ul class="menu vertical">
        <li><a href="https://get.foundation/get-involved/support.html">Connect</a></li>

        <li><a href="https://github.com/foundation/foundation-sites/discussions">Foundation Forum</a></li>
        <li><a href="https://get.foundation/learn/events.html">Events</a></li>
        <li><a href="https://get.foundation/get-involved/faq.html">FAQs</a></li>
        <li><a href="https://get.foundation/get-involved/contribute.html">Contribute</a></li>
        <li><a href="https://get.foundation/get-involved/yetinauts.html">Yetinauts</a></li>
        <li><a href="https://get.foundation/get-involved/partners.html">Partners</a></li>
        <li><a href="https://get.foundation/email-sponsorships.html">Sponsorships</a></li>
      </ul>
    </li>

    <li class="menu-item">
      <a href="https://get.foundation/frameworks-docs.html">Docs</a>
      <ul class="menu vertical">
        <li><a target="_blank" href="https://get.foundation/sites/docs/">Sites Docs</a></li>
        <li><a target="_blank" href="https://get.foundation/emails/docs/">Emails Docs</a></li>
      </ul>
    </li>

    <li class="menu-button"><a href="https://get.foundation/develop/getting-started.html" class="button">Getting Started</a></li>

  </ul>
</nav>
